<!--
AUTOR: Elena Gomez, Laura Torres, Jessica Martin, Victor Alegre
fECHA: 11/02/2015
-->

<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<title>New Codington</title>

<link type="text/css" rel="stylesheet" href="mystyle.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
    <script src="js/login.js"></script>
</head>
 
<body>
	<!--anotacion-->
	
	<div class="cabecera_imagen"></div>
 
 <div id="container"> <!--para centrar cuadro-->
   <!-- Login Starts Here -->
  <ul class="nav1">
  <li id="ref1"><a href="register.html">Create an account</a></li>
  <li id="ref1"><a href="ModifyPsswrd.html">Update your password</a></li>
<li id="ref1"><a href="Update.html">Update information</a></li>
<li id="ref1"><a href="neweventRegistrationadd.html">Register event</a></li>
<li id="ref1"><a href="neweventRegistration.html">Update an event</a></li>

</ul>
            <div id="loginContainer">
			
                <a href="#" id="loginButton"><span>Login</span><em></em></a>
                <div style="clear:both"></div>
                <div id="loginBox">                
                    <form id="loginForm">
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">Email Address</label>
                                <input type="text" name="email" id="email" />
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" />
                            </fieldset>
                            <input type="submit" id="login" value="Sign in" />
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                        <span><a href="#">Forgot your password?</a></span>
                    </form>
                </div>
          </div>
		 </div>
		 
    	<div id="columna">
		
	<div class="Sub_title">
	
        <p>MENU</p>
   	</div>
	
	<div id="header2">
	<ul class="nav2">
		<ul>
			<li><a href="">Home</a></li>
			<br>
			<li><a href="">History</a></li>
			<br>
			<li><a href="">North City<br></a>
			<br>
			<ul>
			<div class="menunorth">
			<li><a href="">Museum</a></li>
			<br>
			<li><a href="">Theater</a></li>
			<br>
			<li><a href="">Stadium</a></li>
			<br>
			<li><a href="">Large Business</a></li>
			</div>
			</ul>
			</li>
			<li><a href="">South City</a>
			<ul>
			<div class="menusouth">
			<li><a href="">Zoo</a></li>
			<br>
			<li><a href="">Park</a></li>
			<br>
			<li><a href="">Turist Attraction</a></li>
			<br>
			<li><a href="">Traditional Market</a></li>
			</div>
			</ul>
			</li> 
		</ul>
	</ul>
	</div>
	
	</div>
	
	
	<div class="titulo">
        <p>Festival Registration System</p>
   	</div>
	
	<div class="Sub_title">
        <p>Update your information</p>
   	</div>

    <section class="div_borde"> 
	<div id=tabla1>
        <form method="post" action="">
			
			<div id='name' class='outerDiv'>
			<label for="name">Name:</label>
			<input type="text" placeholder="Write your name" maxlength="20" pattern="^[a-zA-Zñ ]*$" name="name" required  /> </div>
			
			<div id='Lastname' class='outerDiv'>
			<label for="Lastname">Last Name:</label>
			<input type="text" name="lastname" placeholder="Write your last name" maxlength="30" pattern="^[a-zA-Zñ ]*$" required  /> </div>
			
			<div id='dni' class='outerDiv'>
			<label for="dni">DNI:</label>
			<input type="0.0.0-X" pattern="^[0-9]+[.]+[0-9]+[.]+[0-9]+[-]+[a-zA-Z]*$" name="dni" minlength="1" maxlength="12" placeholder="00.000.000-X" required /> </div>
			
			<div id='Username' class='outerDiv'>
			<label for="Username">User name:</label>
			<input type="text" name="Username"  maxlength="30" required  /> </div>
			
			<div id='password' class='outerDiv'>
			<label for="password">Password:</label>
			<input type="password" name="password"   maxlength="30" required /> </div>
			
			<div id='email' class='outerDiv'>
			<label for="email">Email:</label>
			<input type="email" placeholder="name@name.com" pattern="^[a-zA-Zñ0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$"  maxlength="30" name="email" required /> </div>
			
			<div id='phone' class='outerDiv'>
			<label for="phone">Phone Number:</label>
			<input type="text" name="phone" pattern="^[0-9]*$"  maxlength="30" required /> </div>
			
			<div id='address' class='outerDiv'>
			<label for="adress">Address:</label>
			<input type="address" name="address"  maxlength="50" required /> </div>
			
			<div id='submit' class='outerDiv'>
			<input type="submit" value="Update my account" /> </div>
</form>
</div>
        
    </section>
    
    <footer class="body">	
	
    	<p class="NewCod">New Codington</p></a>
    </footer>
 
</body>
</html>
